<!--大屏布局-->
<template>
  <div class="dataV">
    <div class="module-box" style="height: 100%">
      <div style="flex:0 1 25.5%;height: 100%">
        <dv-border-box-2 style="width:100%;height:100%">dv-border-box-1</dv-border-box-2>
      </div>

      <div style="flex:0 1 48%;height: 100%">
        <dv-border-box-2 style="width:100%;height:12%;">dv-border-box-1</dv-border-box-2>
        <dv-border-box-2 style="width:100%;height:88%;">dv-border-box-1</dv-border-box-2>
      </div>

      <div style="flex:0 1 25.5%;height: 100%">
        <dv-border-box-2 style="width:100%;height:100%">dv-border-box-1</dv-border-box-2>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: "index"
}
</script>

<style scoped lang="scss">
.dataV{
  width: 100%;
  height: 100vh;
  background: #2f567c;
}

.module-box{
  display: flex;
  justify-content: space-between;
  box-sizing: border-box;
  padding: 20px;

}
</style>
